<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<link rel="stylesheet" type="text/css" href="../css/m.style.css" />
<link rel="stylesheet" type="text/css" href="../css/jqmEdit.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="interest.css" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>

</script>
<title>OAASYS2.0-MOBILE</title>
</head>
<body>
<div id="viewport">
    <div id="oMenu"></div>
    <div data-role="page" class="interest">
        <div class="header black" data-role="header" data-position="fixed">
        	<a href="javascript:void(0);" class="headBtn leftBtn" data-role="none"><i class="ico_hBtn1"></i></a>
        	<h1><a href="javascript:void(0);" class="headText" data-role="none">내관심</a></h1>
        	<a href="javascript:void(0);" class="headBtn rightBtn" data-role="none"><i class="ico_hBtn2"></i></a>
        </div>
        <div class="container" data-role="content">
            <div class="tabMenu">
                <ul class="tabBlue tab2">
                    <li class="tabList tabOn"><a href="javascript:void(0);" class="tabText">관심사</a></li>
                    <li class="tabList"><a href="javascript:void(0);" class="tabText">사람</a></li>
                </ul>
            </div>
            <div class="interGuide">
            	<h2 class="curTitle">매거진</h2>
                <span class="guideText">분야별 사용자 연재 컨텐츠</span>
            </div>
            <ul class="magaArea">
            	<li class="magaList titleList">
                	<div class="interBox">
                    	<div class="titlePlace">
                        	<p class="guideText">구독하는</p>
                            <p class="titleText">매거진</p>
                        </div>
                        <div class="numPlace">
                        	<p class="readGuide">구독수</p>
                            <p class="readNum">4</p>
                        </div>
                    </div>
                </li>
                <li class="magaList">
                	<a href="javascript:void(0);" class="interBox">
                    	<p class="magaText">나는 디자이너다</p>
                        <p class="subscript"><i class="ico_maga"></i>128</p>
                        <div class="newText">N</div>
                    </a>
                    <a href="javascript:void(0);" class="magaThumb"><span class="imgWrapper"><img src="img/sample_maga1.gif" width="28" height="28" alt=""/></span></a>
                </li>
                <li class="magaList">
                	<a href="javascript:void(0);" class="interBox">
                    	<p class="magaText">IT 읽어주는 남자</p>
                        <p class="subscript"><i class="ico_maga"></i>3504</p>
                    </a>
                    <a href="javascript:void(0);" class="magaThumb"><span class="imgWrapper"><img src="img/sample_maga2.gif" width="28" height="28" alt=""/></span></a>
                </li>
                <li class="magaList">
                	<a href="javascript:void(0);" class="interBox">
                    	<p class="magaText">직장인레시피</p>
                        <p class="subscript"><i class="ico_maga"></i>1</p>
                        <div class="newText">N</div>
                    </a>
                    <a href="javascript:void(0);" class="magaThumb"><span class="imgWrapper"><img src="img/sample_maga1.gif" width="28" height="28" alt=""/></span></a>
                </li>
                <li class="magaList">
                	<a href="javascript:void(0);" class="interBox">
                    	<p class="magaText">중소기업 마케팅 메뉴얼 올린당깨...</p>
                        <p class="subscript"><i class="ico_maga"></i>5</p>
                    </a>
                    <a href="javascript:void(0);" class="magaThumb"><span class="imgWrapper"><img src="img/sample_maga2.gif" width="28" height="28" alt=""/></span></a>
                </li>
                <li class="magaList moreList">
                	<a href="javascript:void(0);" class="interBox moreBox">
                    	<p class="moreText">추가구독</p>
                    </a>
                </li>
            </ul>
            <div class="interGuide">
            	<h2 class="curTitle">관심태그</h2>
                <span class="guideText">인맥추가 없이, 쉽고 빠른 관심 공유</span>
            </div>
            <ul class="interTagArea">
            	<li class="interList titleList">
            		<div class="interBox">
                        <div class="titlePlace">
                            <p class="guideText">구독하는</p>
                            <p class="titleText">관심태그</p>
                        </div>
            		</div>
            	</li>
            	<li class="interList minus">
            	    <a href="javascript:void(0);" class="interBox">
            	        <p class="interText">자기개발</p>
            	        <i class="ico_inter"></i>
            	    </a>
            	</li>
                <li class="interList minus">
                    <a href="javascript:void(0);" class="interBox">
                        <p class="interText">인간관계</p>
                        <i class="ico_inter"></i>
                    </a>
                </li>
                <li class="interList minus">
                    <a href="javascript:void(0);" class="interBox">
                        <p class="interText">진짜진짜진짜진짜맛집...</p>
                        <i class="ico_inter"></i>
                    </a>
                </li>
                <li class="interList minus">
                    <a href="javascript:void(0);" class="interBox">
                        <p class="interText">UX디자인</p>
                        <i class="ico_inter"></i>
                    </a>
                </li>
                <li class="interList moreList">
                    <a href="javascript:void(0);" class="interBox moreBox">
                        <p class="moreText">추가구독</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>